<template>
<div class="father">
    <div class="ceshi">
        <Topic></Topic>


        <div class="scroll tupian">
            <img src="//19912676.s61i.faiusr.com/4/AD0I5K_-CRAEGAAgl4rx6AUosLCuuQQwwAQ4_AI.png.webp" alt="">
        </div>
        <div class="scroll tupian hou">
            <img src="//19912676.s61i.faiusr.com/4/AD0I5K_-CRAEGAAgmIrx6AUo3pz4pQcwwAQ4_AI.png.webp" alt="">
        </div>
        <div class="bottom">
            <Bottom></Bottom>
        </div>


    </div>
</div>
  
</template>

<script>
        import Topic from "./topic.vue"
        import Bottom from "./bottom.vue"


export default {
    components:{
    Topic,
    Bottom,
}

}
</script>

<style scoped>
    .father{
        /* position: relative; */
        text-align: center;
    }
.ceshi{ 
    display: inline-block;
    /* height: 720px; */
    width: 1200px;
    /* position: absolute; */
    /* left: 50%;
    margin-left: -600px; */
    /* background-color: beige; */
    overflow: hidden;
    font-size: 0;

}

.tupian{
    /* background-color: aqua; */
    height: 376px;
    width: 576px;
    display: inline-block;
    overflow: hidden;
}
.hou{
    margin-left: 48px;
    
}
.wenzi{
    width: 100%;
    height: 172px;
    /* background-color: aquamarine; */
    text-align: center;
    line-height: 172px;
    
}
span{                           
    display: inline-block;
    font-size: 24px;
       
}

.xia{
    font-size: 14px;
}
.bottom{
    padding: 53px 0px 53px 0px ;
}


</style>
 